
.ant-layout-header {
  background: white;
  display: flex;
  align-items: center;
  height: 48px;
}

.admin-header {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  border-bottom: 1px solid #e8e8e8;
}

.admin-header > ul {
  width: 100%;
}

.admin-header > .right-btn {
  min-width: 500px;
  display: flex;
  justify-content: flex-end;
}

.admin-header > .right-btn > * {
  margin-left: 16px;
}

.admin-header .ant-menu {
  display: inline-block;
}


.panel {
  border: 1px solid #e5e5e5 !important;
  background: white !important;;
  padding: 8px 16px !important;;
  margin: 8px !important;;
}


pre.code {
  background: black;
  color: #d6d5d4;
  min-height: 500px;
  padding: 16px;
}


.q-table {
  width: 100%;
}

.q-table td, .q-table th {
  padding: 4px;
  text-align: center;
  border: 1px solid rgb(240, 240, 240);
}

.q-table th {
  color: #9ba3af;
  background: #f5f7fa;
  padding: 4px;
  font-size: 14px;
}

.ant-layout-sider a {
  color: rgb(155, 163, 175);
  margin-left: 4px;
}

.ant-layout-sider h3 {
  margin-top: 30px;
  color: rgb(89, 95, 105);
}



.q-mb-sm {
  margin-bottom: 4px;
}

.q-mb-md {
  margin-bottom: 8px;
}
.q-mt-md {
  margin-top: 8px;
}

code {
  background: #9ba3af;
  padding: 12px;
}


